<!DOCTYPE html>
<html lang="en">
<head>
    <!--移动端title之前三要素-->
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>课程详情</title>
    <!--import bootstrap css-->
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <!--import reset css-->
    <link rel="stylesheet" href="css/reset.css">
    <!--import news css-->
    <link rel="stylesheet" href="css/courseDetailStyle.css">
    <!--import layui css-->
    <link rel="stylesheet" href="layui/css/layui.css">
</head>
<body>
<!--page-->
<div class="page">
    <!--logo 用户-->
    <header class="page_head clearfix">
        <!--logo-->
        <span><a href="javascript:;"><img src="images/home/yunpeixunLogo.png" alt=""></a></span>
        <!--用户-->
        <span><a href="javascript:;"><img src="images/home/user.png" alt=""></a></span>
    </header>
    <!--面包屑-->
    <h1 class="breadcrumb">首页>课程>课程体系>课程详情</h1>
    <!--内容-->
    <div class="middle_content">
        <!--课程banner-->
        <header class="course_banner">
            <div><img src="images/courseSys/courseSysPic.jpg" width="100%" alt=""></div>
            <div>
                <h1>计算机普及</h1>
                <h2>
                    价格:
                    <strong>880.00 <span>元</span></strong>
                    <span class="layui-icon layui-icon-user"></span>13
                </h2>
                <h3>课程体系： <a href="">计算机培训</a> 课程类型：短训专业 成功报名：680人 剩余名额：83人</h3>
                <div class="clearfix">
                    <ul class="clearfix">
                        <li class="layui-icon layui-icon-login-wechat"></li>
                        <li class="layui-icon layui-icon-login-qq"></li>
                        <li class="layui-icon layui-icon-star"></li>
                    </ul>
                </div>
            </div>
        </header>
        <!--课程内容-->
        <div class="course_content">
            <div class="container">
                <header class="teacher_recommend">
                    <div>课程内容</div>
                </header>
            </div>
            <div class="container">
                中间内容测试
                中间内容测试
                中间内容测试
                中间内容测试
            </div>
        </div>
        <!--课程推荐-->
        <div class="course_recommend">
            <div class="container">
                <header class="teacher_recommend">
                    <div>老师推荐</div>
                </header>
                <ul id="course_recommend_ul">
                    <li>
                        <div class="row">
                            <div  class="col-xs-7">
                                <h1>办公自动化普通</h1>
                                <h2 class="clearfix"><span>计算机培训</span><span>短训专业</span></h2>
                            </div>
                            <div class="col-xs-5">
                                <img src="images/courseDetailStyle/bangong.jpg" width="100%" alt="">
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="row">
                            <div  class="col-xs-7">
                                <h1>办公自动化普通</h1>
                                <h2 class="clearfix"><span>计算机培训</span><span>短训专业</span></h2>
                            </div>
                            <div class="col-xs-5">
                                <img src="images/courseDetailStyle/bangong.jpg" width="100%" alt="">
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="row">
                            <div  class="col-xs-7">
                                <h1>办公自动化普通</h1>
                                <h2 class="clearfix"><span>计算机培训</span><span>短训专业</span></h2>
                            </div>
                            <div class="col-xs-5">
                                <img src="images/courseDetailStyle/bangong.jpg" width="100%" alt="">
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="row">
                            <div  class="col-xs-7">
                                <h1>办公自动化普通</h1>
                                <h2 class="clearfix"><span>计算机培训</span><span>短训专业</span></h2>
                            </div>
                            <div class="col-xs-5">
                                <img src="images/courseDetailStyle/bangong.jpg" width="100%" alt="">
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!--立即购买-->
    <div class="buy-btn clearfix">
        <div><a href="">立即报名</a></div>
        <div><a href="">收藏课程</a></div>
    </div>
    <!--版权地址-->
    <footer>
        <h1>版权所有: 泸州胜蓝职业技术学校</h1>
        <h2>电话: 023-88888888</h2>
        <h3>邮箱: XXXXXXXXX@163.com</h3>
        <h4>泸州市江阳区XXXXXXX</h4>
    </footer>
</div>

<!--import bootstrap js-->
<script src="js/jquery-3.1.1.min.js" type="text/javascript"></script>
<script src="js/bootstrap.min.js" type="text/javascript"></script>
<!--import myself js-->
<script type="text/javascript" src="js/course_js.js"></script>
</body>
</html>